@charset "UTF-8";
/* CSS Document */

/*
Theme Name: eg triple column
Theme URI: http://www.erikagoering.vom
Description: Triple-Column Design Specifically for Erika Goering
Author: Erika Goering
Author URI: http://www.erikagoering.com
Version: 0.01
Tags: white, three-columns

License:
License URI:

General comments (optional).
*/

/*@Font-Face*/
@font-face {
    font-family: 'ClarendonLTStdLight';
    src: url('clarendonltstd-light-webfont.eot');
    src: url('clarendonltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('clarendonltstd-light-webfont.woff') format('woff'),
         url('clarendonltstd-light-webfont.ttf') format('truetype'),
         url('clarendonltstd-light-webfont.svg#ClarendonLTStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClarendonTextProRegular';
    src: url('clarendon_text_pro-webfont.eot');
    src: url('clarendon_text_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('clarendon_text_pro-webfont.woff') format('woff'),
         url('clarendon_text_pro-webfont.ttf') format('truetype'),
         url('clarendon_text_pro-webfont.svg#ClarendonTextProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClarendonTextProBold';
    src: url('clarendon_text_pro_bold-webfont.eot');
    src: url('clarendon_text_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('clarendon_text_pro_bold-webfont.woff') format('woff'),
         url('clarendon_text_pro_bold-webfont.ttf') format('truetype'),
         url('clarendon_text_pro_bold-webfont.svg#ClarendonTextProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ClarendonTextProItalic';
    src: url('clarendon_text_pro_italic-webfont.eot');
    src: url('clarendon_text_pro_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('clarendon_text_pro_italic-webfont.woff') format('woff'),
         url('clarendon_text_pro_italic-webfont.ttf') format('truetype'),
         url('clarendon_text_pro_italic-webfont.svg#ClarendonTextProItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ClarendonTextProBoldItalic';
    src: url('clarendon_text_pro_bold_italic-webfont.eot');
    src: url('clarendon_text_pro_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('clarendon_text_pro_bold_italic-webfont.woff') format('woff'),
         url('clarendon_text_pro_bold_italic-webfont.ttf') format('truetype'),
         url('clarendon_text_pro_bold_italic-webfont.svg#ClarendonTextProBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'UniversLTStd49LtUltraCn';
    src: url('universltstd-lightultracn-webfont.eot');
    src: url('universltstd-lightultracn-webfont.eot?#iefix') format('embedded-opentype'),
         url('universltstd-lightultracn-webfont.woff') format('woff'),
         url('universltstd-lightultracn-webfont.ttf') format('truetype'),
         url('universltstd-lightultracn-webfont.svg#UniversLTStd49LtUltraCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd39ThUltraCn';
    src: url('universltstd-thinultracn_0-webfont.eot');
    src: url('universltstd-thinultracn_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('universltstd-thinultracn_0-webfont.woff') format('woff'),
         url('universltstd-thinultracn_0-webfont.ttf') format('truetype'),
         url('universltstd-thinultracn_0-webfont.svg#UniversLTStd39ThUltraCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd59UltraCondensed';
    src: url('universltstd-ultracn-webfont.eot');
    src: url('universltstd-ultracn-webfont.eot?#iefix') format('embedded-opentype'),
         url('universltstd-ultracn-webfont.woff') format('woff'),
         url('universltstd-ultracn-webfont.ttf') format('truetype'),
         url('universltstd-ultracn-webfont.svg#UniversLTStd59UltraCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*end @Font-Face*/

* { 
  margin: 0 auto; 
  padding: 0;
}

body{
	font-family: 'ClarendonTextProRegular', serif;
	font-size:12px;
	line-height:15px;
	/*text-transform:lowercase;*/
	color:#333;
	}

p{
	color:#333;
	font-family: 'ClarendonTextProRegular', serif;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	/*text-align:justify;*/
	margin-bottom:1em;
	}
	
p ul li{
	margin-bottom:18px;
	line-height:18px;
	}
	
p strong{
	font-family: 'ClarendonTextProBold';
	}
	
a{
	text-decoration:none;
	color:inherit;
	}

p a, p ul li a{
	color:#999;
	text-decoration:underline;
	}
	
a:hover{
	color:#333;
	}
	
blockquote, blockquote p{
	font-style:italic;
	color:#666;
	margin-left:2em;
	border-left:1px #999;
	}

#contentainer img,
#contentainer video {
  max-width: 100%;
  min-width:100%;
  height:auto;
}

#contentainer embed, #contentainer object{
	max-width:100%;
	min-width:100%;
	height:auto;
	}
	
/* Big-Ass Blurb */
h1{
	margin-top:20px;
	color:#666;
	font-family: 'UniversLTStd39ThUltraCn', sans-serif;
	font-size:100px;
	line-height:.8em;
	letter-spacing:0.03em;
	text-transform:uppercase;
	text-shadow:#333 0px -2px 1px;
	}
	
/*Learning/Working/Living Headers*/
h2{
	font-family:'UniversLTStd59UltraCondensed', sans-serif;
	color:#CCC;
	text-transform:uppercase;
	font-size:50px;
	line-height:0.85em;
	letter-spacing:.05em;
	/*text-shadow:#999 0px -1px 1px;*/
	}

/* Blog Post Title and Footer Categories */	
h3{
	font-family: 'UniversLTStd49LtUltraCn', sans-serif;
	font-size:30px;
	line-height:1.1em;
	text-transform:uppercase;
	letter-spacing:0.02em;
	/*text-shadow:#666 0px -1px 1px;*/
	}
	
h3 a{
	color:#999;
	}
	
/* This is the slideshow's caption title. */
h4{
	font-family:'UniversLTStd59UltraCondensed', sans-serif;
	color:#666;
	text-shadow:#333 0px -1px 1px;
	text-transform:uppercase;
	font-size:19px;
	line-height:1em;
	letter-spacing:.05em;
	text-align:right;
	vertical-align:top;
	display:table-cell;
	width:200px;
	height:60px;
	right:210px;
	position:absolute;
	margin: 2px 5px;
	}
	
/* This is the slideshow's caption text. */
h5, h5 p{
	font-family: 'ClarendonTextProItalic', serif;
	font-style:italic;
	color:#666;
	font-size:11px;
	line-height: 12px;
	text-transform:lowercase;
	vertical-align:top;
	text-align:left;
	display:table-cell;
	width:200px;
	height:60px;
	padding:1px;
	right:0px;
	position:absolute;
	}

/* This is the blurb's smaller text */
h6{
	font-family: 'ClarendonTextProRegular', serif;
	color:#333;
	text-shadow:#999 0px .5px 1px;
	font-size: 12px;
	line-height: 1.1em;
	text-transform:lowercase;
	margin-top:10px;
	}

hr{
	border-bottom: 1px #999;
	margin: 25px 0px 25px 0px;
	}

#erikaname{
	font-family:'ClarendonLTStdLight', serif;
	font-size:36px;
	color:#ccc;
	/*text-shadow:#666 0px -1px 1px;*/
	text-transform:lowercase;
	height:40px;
	left:100px;
	width:auto;
	position:absolute;
	margin: 5px auto;
	}

#bigasslogo{
	width:auto;
	left:0px;
	top:45px;
	z-index:6;
	position:absolute;
	width:421px;
	height:450px;
	background-image:url(images/biglogo.png);
	background-repeat:no-repeat;
	}

#nav{
	width:95%;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family: 'UniversLTStd39ThUltraCn', sans-serif;
	font-size:40px;
	letter-spacing:0.025em;
	line-height:35px;
	text-align:right;
	text-transform:uppercase;
	}	
	
#nav a{
	font-style:normal;
	text-decoration:none;
	color:#777;
	}

#nav a:hover{
	font-style:normal;
	text-decoration:none;
	color:#CCC;
	}

#nav ul li{
	display:inline;
	margin-right:.5em;
	}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	/*width: 100%;*/
	margin: 0px;
	left: 250px; right:0px;
	bottom: 0;
	height: 60px;
	background: #FFF;
	text-indent: 0;
	overflow: hidden;
	vertical-align:text-bottom;
}

#bigassblurb{
	margin:20px 0px 10px 0px;
	text-align:center;
	margin: 0 auto;
	}

#contentainer{
	width:90%;
	margin:10px auto;
	}

#learning{
	width:28%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	padding:0px;
	}

#working{
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1%;
	padding:0px 2%;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	min-height:100%;
	bottom:0;
	}

#living{
	width:28%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	padding:0px;
	}

#post{
	width:60%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	}

#sidebar{
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	}

#sidebar ul{
	width:100%;
	}

#sidebar li{
	margin: 10px;
	border-bottom:1px #eee solid;
	width:100%;
	list-style-type:square;
	text-indent:-0.5em;
	left:-0.5em;
	}

.rsswidget img{
  display:none;
  }
  
  .tagcloud{
	  line-height:1.5em;
	  }
  
 .tagcloud a:hover{
	 color:#999;
	 }

.gridcell ul{
	width:100%;
	margin: 0 auto;
	}

.gridcell li{
	display:inline-block;
	width:22%;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	}

.gridcell li li{
	display:list-item;
	}

#footerwidth{
	width: 90%;
	margin: 0px auto;
	}

footer{
	background:#666;
	color:#FFF;
	padding: 20px 0px 0px 0px;
	}
	
footer hr{
	border-bottom: 1px #333;
	margin: 25px 0px 25px 0px;
	}
	
footer h3{
	color:#AAA;
	}

footer p{
	font-family: 'ClarendonTextProRegular', serif;
	color:#FFF;
	}
	
footer ul{
	list-style:none;
	position:relative;
	}

.col1{
	width:28%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	padding:0px;
	min-height:100%;
	}

.col2{
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 30px 1%;
	padding:0px 2%;
	border-left: 1px #555 solid;
	border-right: 1px #555 solid;
	min-height:100%;
	}

.col3{
	width:28%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 5px 1%;
	padding:0px;
	min-height:100%;
	}

.commentlist img{visibility:hidden !important; padding:0; margin:0; height:0 !important; width:0 !important;}
.commentlist li{
	list-style:none;
	padding-top:20px;
	}
.commentlist ol, .commentlist ul{padding-bottom:20px;}

footer .coffee li{
	display:inline-block;
	text-align:center;
	width:30%;
	vertical-align:top;
	padding:0px 9%;
	}
	
footer .coffee img{
	min-width:100%;
	max-width:100%;
	height:auto;
	}
	
/* reCaptcha */

#recaptcha_widget{
	min-width:100% !important;
	max-width:100% !important;
	height:auto !important;
	}

#divrecaptcha{  
    width:100%;
	height:auto; 
}  

#controls{ 
	width:100%;
}  

#recaptcha_image{  
    padding:2px;
	min-width:100% !important;
	max-width:100% !important;
	height:auto !important;
}

#recaptcha_image img{  
	min-width:100% !important;
	max-width:100% !important;
	height:auto !important;
}
  
#recaptcha_response_field {  
   width:100%;  
   padding:5px;  
}  
 
/* The rest of the contact form */

footer #emf-form p{
	margin-bottom:.4em;
	}

footer input, textarea { 
	font-family: 'ClarendonTextProRegular', serif;
	color:#FFF;
	padding: 5px;
	border: solid 1px #999;
	outline: 0;
	min-width: 100%;
	max-width: 100%;
	background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(4%, #888888), to(#999999));
	background: -moz-linear-gradient(top, #111111, #888888 1px, #999999 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

footer textarea { 
	min-width: 100%;
	max-width: 100%;
	height: 80px;
	line-height: 1.5em;
	}

footer input:hover, footer textarea:hover,
footer input:focus, footer textarea:focus { 
	border-color: #ccc; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

footer .form label { 
	margin-left: 10px; 
	color: #999999; 
	}

footer .submit input, #searchsubmit {
	display:inline-block;
	min-width: 46%;
	max-width: 46%;
	margin:10px 0px 0px 10px;
   border-top: 1px solid #ffffff;
   background: #999999;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
   background: -webkit-linear-gradient(top, #cccccc, #999999);
   background: -moz-linear-gradient(top, #cccccc, #999999);
   background: -ms-linear-gradient(top, #cccccc, #999999);
   background: -o-linear-gradient(top, #cccccc, #999999);
   padding: 5px auto;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow:
   rgba(0,0,0,.8) 0 1.5px 0,
   rgba(128,128,128,.8) 0 -.5px 0
   ;
   color: #FFFFFF;
   font-size: 19px;
   font-family: 'UniversLTStd49LtUltraCn', sans-serif;
   text-transform:uppercase;
   word-spacing:.1em;
   letter-spacing:.04em;
   text-decoration: none;
   vertical-align: middle;
   }
footer .submit input:hover, #searchsubmit:hover {
   border-top-color: #cccccc;
   background: #999999;
   color: #333333;
   text-shadow: rgba(255,255,255,.4) 0 1.5px 0;
   }
footer .submit input:active, #searchsubmit:active {
	text-shadow: rgba(255,255,255,.2) 0 1.5px 0;
   border-top-color: #333333;
   background: #555555;
   color:#000000;
   }
   
footer .menu-nav-container{
	font-family: 'UniversLTStd59UltraCondensed', sans-serif;
	font-size:18px;
	line-height:1em;
	letter-spacing:.1em;
   text-transform:uppercase;
	   }
	   
footer .menu-nav-container li{
	display:inline;
	margin-right:.5em;
	   }